;(function($){

    $(function(){


        $(".gg li").on("click", function(){
            $(this).addClass("current").siblings().removeClass("current")
            var index = $(this).index()
            $(".xq div").eq(index).show().siblings().hide()


        })

        function max(){
            var num = 0
            for(var i = 0; i < ($(".max")).length; i++){


                num = num + parseInt($(".max").eq(i).text())
            }

            // console.log(num);

            $(".li3").text("￥" + num)
            $(".btn-danger").text("结算￥" + num)

        }

        max()

        function loadData(){
            var uid = JSON.parse(localStorage.getItem("userInfo") || '{}').u_id;
            $.ajax({
                url : "../server/cartlistbyuid.php",
                data : {
                    "u_id" : uid
                },
                type : "post"
            }).then(function(res){
                // console.log(res);
                var oTab = $("#tab");
                oTab.html("");

                res.forEach(function(el, index){
                    // console.log(el);
                    var $tr = $(`<tr data-row=${JSON.stringify(el)}>
                <td><input type="checkbox"></td>
                <td ><img class="imgs" src=${el.c_pro_img}></td>
                <td>${el.c_pro_name}</td>
                <td>${el.c_pro_chima}</td>
                <td><span class="jian">-</span> <input class='cls_num' value=${el.c_pro_num} disabled="disabled"><span class='jia'>+</span></td>
                <td>${el.c_pro_price}</td>
                <td class="max">${el.c_pro_total}</td>
         <td> <a onclick=del(${el.c_id},this) class="dele">删除</a></td>
                
                </tr>`)

                    $(oTab).append($tr)
                })
                max()

            })


        }

        loadData()
        $("table").on("click", ".jia", function(){
            var num = $(this).prev().val();
            $(this).prev().val(++num);

            var data = ($(this).parents("tr").data("row"));
            console.log(data);

            data.c_pro_num = $(this).prev().val();

            $(this).parents("tr").find("td:eq(5)").text(data.c_pro_num * data.c_pro_price);


            //解决,数据都有,但是与后台接受的 名称不一致!
            var saveObj = {};
            saveObj.pro_id = data.c_pro_id
            saveObj.pro_img = data.c_pro_img
            saveObj.pro_name = data.c_pro_name
            saveObj.pro_num = data.c_pro_num
            saveObj.pro_price = data.c_pro_price
            saveObj.pro_total = data.c_pro_total
            saveObj.pro_chima = data.c_pro_chima
            saveObj.u_id = data.c_u_id

            //把data通过ajax发送到后台同步就可以了
            $.ajax({
                url : "../server/cartsServer.php",
                data : saveObj,
                type : 'post'
            }).then(function(res){
                console.log(res);

                loadData()
            })

        })
        $("table").on("click", ".jian", function(){

            var num = $(this).next().val();
            if(num == 1){
                return;
            }
            $(this).next().val(--num);

            var data = ($(this).parents("tr").data("row"));
            data.c_pro_num = $(this).next().val();
            $(this).parents("tr").find("td:eq(5)").text(data.c_pro_num * data.c_pro_price);

            var saveObj = {};
            saveObj.pro_id = data.c_pro_id
            saveObj.pro_img = data.c_pro_img
            saveObj.pro_name = data.c_pro_name
            saveObj.pro_num = data.c_pro_num
            saveObj.pro_price = data.c_pro_price
            saveObj.pro_total = data.c_pro_total
            saveObj.pro_chima = data.c_pro_chima
            saveObj.u_id = data.c_u_id

            //把data通过ajax发送到后台同步就可以了
            $.ajax({
                url : "../server/cartsServer.php",
                data : saveObj,
                type : 'post'
            }).then(function(res){
                console.log(res);

                loadData();
            })


        })


    })


})(jQuery)
$("#myTable").tableCheck("warning");
function del(num, obj){
    $("#myTable").tableCheck("warning");
    layer.confirm('确认删除码？', {
        btn : ['确认', '取消'] //按钮
    }, function(){
        $.ajax({
            url : "../server/deleteByCart.php",
            type : 'post',
            data : {
                'c_id' : num
            },
            dataType : 'json'
        }).done(function(res){
            if(res.status == 1){
                layer.alert("删除成功")

                $(obj).parents("tr").remove();

            } else {
                layer.alert('删除失败')
            }
        })
    }, function(){

    });


}